<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$siteInfo['title']}-{$siteInfo['subtitle']}</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/themes/amaze/assets/css/amazeui.min.css">
</head>
<body>
{include file="common/header" /}
<div class="am-container" style="margin-bottom: 30px;">
    <img style="width: 100%;height: 100%" src="{$goodsDetail.image_cover|default='/themes/default/static/images/default/goods-cover.jpg'}">
    <div class="goods-top-right">
        <h1>{$goodsDetail.title}</h1>
        <button type="button" class="am-btn am-btn-primary am-btn-xs">{$goodsDetail.cate_name}</button>
        <div class="hr-red"></div>
        <div class="price">
            <span style="color: #ff1330;font-size: 25px;">￥{$goodsDetail.price}</span>
            <span style="float: right;color: #999">累计销售量：{$goodsDetail.sales_volume}</span>
        </div>
        <a href="/shop/pay/createOrder?id={$goodsDetail.id}"><button type="button" class="am-btn am-btn-danger am-btn-block">立即购买</button></a>
    </div>
</div>
<!--商品介绍-->
<div class="am-container" style="font-size: 15px;line-height: 2em;color: #999">
    <h2 style="color: #FD482C;">商品介绍</h2>
    <hr />
    {$goodsDetail.introduce|raw}
</div>
<!--类似商品-->
<div class="am-container">
    <h2 style="color: #FD482C;margin: 10px;">相识商品</h2>
    <ul data-am-widget="gallery" class="am-gallery sm-block-grid-2 md-block-grid-3 lg-block-grid-4 am-gallery-bordered">
        {volist name="aboutList" id="vo"}
        <li>
            <div class="am-gallery-item">
                <a href="{:url('/shop/goods-'.$vo.id)}">
                    <img src="{$vo.image_cover|default='/themes/default/static/images/default/goods-cover.jpg'}"
                         alt="{$vo.title}" />
                    <h3 class="am-gallery-title">{$vo.title}</h3>
                    <div class="am-gallery-desc">已售:{$vo.sales_volume} <span style="float: right;color: red">￥{$vo.price}</span></div>
                </a>
            </div>
        </li>
        {/volist}
    </ul>
</div>
</div>
{include file="common/footer" /}
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="/themes/amaze/assets/js/amazeui.min.js"></script>
<script src="/themes/amaze/assets/js/common.js"></script>
</body>
</html>